﻿<!DOCTYPE html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    <!--bootstrap-->
    <link href="~/Content/bootstrap.css" rel="stylesheet" />
    <script src="~/Scripts/jquery-1.11.2.js"></script>
    <script src="~/Scripts/js/bootstrap.js"></script>
</head>

<body>
    <div class="sideBar">
        <ul class="nav nav-pills nav-stacked" role="tablist">
            <li>
                <a href="../Trial/Search">Home</a>
            </li>
            <li>
                <a href="../Promoter">Promoter</a>
            </li>
            <li>
                <a href="../Crop/Index">Crop</a>
            </li>
            <li>
                <a href="../Product/Index">Product</a>
            </li>
            <li>
                <a href="../Trial/Index">Trial</a>
            </li>
        </ul>
    </div>
    @RenderBody()
</body>
<style type="text/css">
    .sideBar {
        position: absolute;
        top: 0px;
        bottom: 0;
        left: 0;
        width: 120px;
        padding-bottom: 60px;
        border-left: 1px solid #bce3fe;
        border-right: 1px solid #bce3fe;
        background-color: #f3faff;
        font-size: 16px;
    }

        .sideBar > ul > li {
            padding: 40px 0 40px 0;
            text-align: center;
        }
        /*.active{
            background-color:#428bca;
        }
        .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
                        background-color:#428bca;
        }*/
</style>
<script type="text/javascript">
    var urlstr = window.location.pathname;
    $(".sideBar>ul>li>a").each(function () {
        //if (urlstr.indexOf($(this).attr('href')) > -1) {
        //    $(this).addClass("active")
        //}
        if ($(this).attr('href').indexOf(urlstr) > -1) {
            $(this).parent().addClass("active");
        }

    })
</script>